<template>
	<!--线路-->
	<div class="road">
		<div class="title my-flex-between">
			<span>我的线路</span>
			<div class="my-flex-center">
				<span>+添加线路</span>
				<span>关闭提醒</span>
				<el-switch active-color="#ff5151" inactive-color="#e6e6e6"></el-switch>
			</div>
		</div>
		<!--表格-->
		<table cellspacing="" cellpadding="" class="my-table">
			<tr>
				<th>出发地</th>
				<th>到达地</th>
				<th>记录</th>
				<th>操作</th>
			</tr>
			<tr class="list" v-for="item of tableData">
				<td class="t1 text-center">
					广东省深圳市
				</td>
				<td class="t2 text-center">
					湖北省武汉市
				</td>
				<td class="t3 text-center">
					24
				</td>
				<td class="t4 text-center">
					删除
				</td>
			</tr>
		</table>
	</div>
</template>

<script>
	import { mapState } from "vuex";
	import service from '@/js/services/price';
	export default {
		inject: ['reload', 'closeLoading', 'openLoading', 'changeRouter'],
		data() {
			return {
				tableData: [{
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1518 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1517 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1519 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1516 弄'
				}]
			}
		},
		created() {

		},
		mounted() {

		},
		activated() {

		},
		destroyed() {

		},
		filters: {

		},
		watch: {

		},
		methods: {
			...service
		}
	}
</script>

<style lang="less" scoped="scoped" src="../../less/page/userCenter/index.less"></style>